
	//头部卡片
	.header{
		position: relative;
		top: 50rpx;
		margin: 0 auto;
		width: 646rpx;
		height: 408rpx;
		background: #FFFFFF;
		box-shadow: 0px 0px 20rpx 0px rgba(15, 18, 39, 0.56);
		opacity: 0.84;
		border-radius: 20rpx;
		
		.logo-bg{
			position: relative;
			top: 30rpx;
			width: 50rpx;
			height: 50rpx;
			background: linear-gradient(0deg, #DC9D5F, #E8C89D, #F7E2C0);
			box-shadow: 0px 3rpx 7rpx 0px rgba(186, 125, 62, 0.85);
			border-radius: 50%;

		}
		.logo{
				position: absolute;
				top: -15rpx;
				left:-10rpx;
		}
			
		&-title{
			color: #3D3D3D;
			
			.logo-text{
				position: relative;
				top: 50rpx;
				text-align: center;
			}
		}
		
		//头部卡片尾部
		&-footer{
			padding: 70rpx 0 0 50rpx;
			color: #333333;
			font-size: 28rpx;
			font-weight: bold;
			
			.describe{
				margin-top: 20rpx;
				color: #666666;
				font-size: 24rpx;
				font-weight: 500;
			}	
		}
	}
	
	//77合伙人
	.partner{
		position: relative;
		top: 20rpx;
		margin: 0 auto;
		width: 708rpx;
		height: 356rpx;
		-webkit-background-size: cover;
		background-size: cover;
		background-image: url('https://files.yzsheng.com/client/me/img/beijing2.png');
		
		.hhr{
			position: absolute;
			right: 38%;
			top: 19%;
			width: 160rpx;
			font-size: 26rpx;
			text-align: center;
			color: #FFFFFF;
			height: 40rpx;
			background: linear-gradient(0deg, #2E3152, #4A4D6D);
			border-radius: 20rpx;
		}
		.logo{
			position: absolute;
			right: 0;
			top: -30rpx;
			right: 40rpx;
			
			image{
				width: 194rpx;
				height: 194rpx;
			}
		}
	
		//刻度
		.scale {
			margin: 0 auto;
			width: 634rpx;
			height: 200rpx;
			box-shadow: 0px 0rpx 10rpx 0rpx rgba(172, 172, 172, 0.3);
			border-radius: 20rpx;
			padding-top: 200rpx;
		
			.list {
				margin-top: 20rpx;
				
				.botline {
					position: relative;
					margin: 0 auto;
					width: 570rpx;
					height: 12rpx;
					background-color: #EEEEEE;
					border-radius: 8rpx;
					
					.enlarge{
					
						&-main{
							font-size: 28rpx;
							text-align: center;
							position: absolute;
							top: -70rpx;
							width: 18%;
							height: 40rpx;
							background: #3B3E64;
							box-shadow: 0px 0px 10rpx 0px rgba(172, 172, 172, 0.4);
							border-radius: 20rpx;
						}
					}
					
					.left {
						position: absolute;
						bottom: -6rpx;
						z-index: 1;
						width: 7rpx;
						height: 22rpx;
						background: linear-gradient(0deg, #2F3253 0%, #585D8D 100%);
		
					}
		
					.right {
						position: absolute;
						z-index: 1;
						bottom: -6rpx;
						width: 7rpx;
						height: 22rpx;
						background: linear-gradient(0deg, #2F3253 0%, #585D8D 100%);
		
					}
		
					.topline {
						height: 12rpx;
						background: linear-gradient(0deg, #2F3253 0%, #585D8D 100%);
						border-radius: 5rpx;
					}
				}
		
				.number {
		
					.line {
						margin: 0 auto;
						width: 570rpx;
						position: relative;
		
						&-left {
							position: absolute;
							left: -7rpx;
							top: -60rpx;
							font-size: 28rpx;
							font-weight: 500;
							color: #FFFFFF;
						}
		
						&-left-s {
							position: absolute;
							left: 2rpx;
							top: -25rpx;
							width: 2rpx;
							height: 14rpx;
							background: #FFFFFF;
						}
		
						&-s {
							position: absolute;
							right: 2rpx;
							top: -25rpx;
							width: 2rpx;
							height: 14rpx;
							background: #FFFFFF;
						}
		
						&-num {
							position: absolute;
							right: -13rpx;
							top: -60rpx;
							font-size: 28rpx;
							font-weight: 500;
							color: #FFFFFF;
						}
					}
				}
		
			}
		
			.pack {
				position: relative;
		
				// left: 21rpx;
				bottom: 35rpx;
				width: 100%;
				display: flex;
				justify-content: space-between;
		
				.kd {
					margin: 0 auto;
					width: 2rpx;
					height: 10rpx;
					background: #FFFFFF;
				}
			}
		
			.more {
				margin: 20rpx 30rpx;
				font-size: 24rpx;
				font-weight: 500;
				color: #666666;

			}
			
			.no{
				position: absolute;
				bottom: 25rpx;
				right: 0;
				width: 130rpx;
				height: 54rpx;
				line-height: 54rpx;
				color: #FBD220;
				text-align: center;
				font-size: 24rpx;
				background: #3D3D3D;
				border-radius: 26rpx 0px 0px 26rpx;
			
			}
		}
	}
	
	//分佣
	.sub{
		font-size: 26rpx;
		font-weight: 500;
		color: #D0D2E0;
		width: 580rpx;
		height: 60rpx;
		background: #383B5D;
		border-radius: 30rpx;
		margin: 40rpx auto 30rpx auto;
		
		&-img{
			width: 44rpx;
			height: 44rpx;
			border-radius: 50%;

		}
	}
	
	.invitation {
		padding: 0 35rpx;
		
		//卡片
		.coupon {
			background: rgb(240, 240, 243);
			border-radius: 20rpx;

			//卡片标题
			&-title {
				padding-top: 25rpx;
				text-align: center;
				color: #666666;
				font-size: 26rpx;
				font-weight: 500;
			}

			//优惠券卡片
			&-card {
				position: relative;
				margin-top: 25rpx;

				//内容
				&-content {
					padding: 20rpx 0 30rpx 33rpx;
					margin: 0 auto;
					width: 607rpx;
					height: 190rpx;
					background: #FFFFFF;
					box-shadow: 0px 0px 10rpx 0rpx rgba(160, 160, 160, 0.35);
					border-radius: 10rpx;

					&-left {

						.each {
							font-size: 18rpx;
							color: #333333;
							font-weight: bold;
							line-height: 46rpx;
						}

						.number {
							font-size: 26rpx;
							font-weight: bold;
							color: #333333;

							text {
								color: #F1635B;
							}
						}

						.time {
							margin-top: 20rpx;
							font-size: 24rpx;
							font-weight: 500;
							color: #FF9813;

							view:nth-of-type(2) {
								margin-left: 65rpx;
								color: #999999;
							}
						}
					}
				
					&-right{
						padding-left: 15rpx;
						line-height: 148rpx;
						font-size: 48rpx;
						font-weight: bold;
						color: #F1635B;
					}
				}
			}

			//合伙人攻略
			.strategy {
				color: #808080;
				font-size: 24rpx;
				font-weight: 500;
				margin: 20rpx 30rpx 30rpx 30rpx;
			}


			.btn {
				margin: 29rpx auto;
				width: 590rpx;
				height: 88rpx;
				line-height: 88rpx;
				background: linear-gradient(0deg, #FBD220, #FFE23E);
				border-radius: 44rpx;
				color: #3D3D3D;
			}

			.user {
				text-align: center;
				font-size: 26rpx;
				font-weight: 500;
				color: #FF821D;
				padding-bottom: 29rpx;
			}

		}

		.achievement {
			// padding: 22rpx;
			color: #333333;
			margin-top: 23rpx;
			width: 680rpx;
			height: 240rpx;
			background: #FFFFFF;
			border-radius: 20rpx;

			&-me {
				margin-top: 18rpx;

				&-top {
					text-align: center;

					.num {

						text {
							font-size: 54rpx;
							font-weight: bold;
							color: #FF9813;
						}
					}

					.describe {
						font-size: 24rpx;
						font-weight: 500;
						color: #666666;
					}
				}
			}


			&-head {
				padding: 22rpx;
				border-bottom: 2rpx solid #EEEEEE;
			}

			.right {
					
				.me {
					
					font-size: 30rpx;
					font-weight: bold;
				}
			}

			.left {
				color: #999999;

				.look {
					font-size: 24rpx;
					font-weight: 500;
					color: #808080;
				}
			}
		}
	}
	
	//我的收益
	.profit{
		color: #333333;
		padding-bottom: 30rpx;
		
		.order{
			width: 680rpx;
			margin: 0 auto;
			height: 240rpx;
			background: #FFFFFF;
			border-radius: 20rpx;
			
		}
		
		.total{
			text-align: center;
			
			&-price{
				font-size: 72rpx;
				font-weight: bold;
				color: #333333;
			}
			&-text{
				font-size: 24rpx;
				font-weight: 500;
				color: #989898;
			}
		}
	}
	// .yuan{
	// 	position: absolute;top: 0;
	// 	width: 10rpx;
	// 	height: 10rpx;
	// 	background-color: red;
	// }